.attention{ 
  background: #efefef; 
	width:700rpx; 
	margin-left: 20rpx;
	border-radius:10rpx;
  .content{
    padding: 15rpx 15rpx 15rpx 15rpx;
    .title{
      font-size:24rpx;
      line-height: 40rpx;
      font-weight: 500;
    }
    .notice{
      font-size:22rpx; 
      line-height: 36rpx;
      font-weight: 500;
    } 
  }
}
.invoice-content{
  width: 700rpx;
  margin-top: 20rpx;
	margin-left: 20rpx;
  .title{ 
    margin-left: 20rpx;
    font-size:24rpx;
    line-height: 50rpx;
    font-weight: 500;
  }
  .type-button{
    width: 200rpx;
    font-size:26rpx; 
    line-height: 70rpx;
    font-weight: 500;
    display: inline-block;
    margin-left: 30rpx;
  }
  .checked{
    background: #E76837;
    color: #fff;
  }
  .check-ele{ 
    margin-left: 20rpx;
    font-size:24rpx;
    line-height: 100rpx;
    font-weight: 500;
    .check-box{
      transform: scale(0.5,0.5);
    }
  }
  .ele-info{ 
    background: #FCF4C8; 
    width:680rpx; 
    font-size:22rpx;
    line-height: 30rpx;
    margin-top:-10rpx;
    margin-left: 20rpx;
    border-radius:10rpx;
    color: #ED743A;
    padding: 15rpx 10rpx 15rpx 10rpx;
  }
  .input-list{
    margin-top: 20rpx;
    .list{
        .title{
          font-size:24rpx;
          font-weight: 500;
          line-height: 70rpx;
          .text-danger{
            color: red;
            margin-right: 5rpx;
            font-size: 24rpx;
          }
          .text{
            padding-left: 10rpx;
            font-size:20rpx;
            color: #ccc;
          }
        }
        .content{
          margin-left: 20rpx;
          .input{
            height: 70rpx;
            border-radius: 10rpx;
            border: #ccc solid 1rpx;
            font-size: 24rpx;
            line-height: 70rpx;
            padding-left: 15rpx;
          } 
        }
    } 
  }     
}
.submit-button{ 
  padding-top:20rpx;
  .submit{ 
    width: 700rpx;
    font-size:26rpx; 
    line-height: 70rpx;
    font-weight: 500;  
    background: #E76837;
    color: #fff;
  }
}

@font-face {
  font-family: 'tuiUpload';
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATcAA0AAAAAByQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEwAAAABoAAAAciR52BUdERUYAAASgAAAAHgAAAB4AKQALT1MvMgAAAaAAAABCAAAAVjxvR/tjbWFwAAAB+AAAAEUAAAFK5ibpuGdhc3AAAASYAAAACAAAAAj//wADZ2x5ZgAAAkwAAADXAAABAAmNjcZoZWFkAAABMAAAAC8AAAA2FpiS+WhoZWEAAAFgAAAAHQAAACQH3QOFaG10eAAAAeQAAAARAAAAEgwAACBsb2NhAAACQAAAAAwAAAAMAEoAgG1heHAAAAGAAAAAHwAAACABEgA2bmFtZQAAAyQAAAFJAAACiCnmEVVwb3N0AAAEcAAAACgAAAA6OMUs4HjaY2BkYGAAYo3boY/i+W2+MnCzMIDAzb3qdQj6fwPzf+YGIJeDgQkkCgA/KAtvAHjaY2BkYGBu+N/AEMPCAALM/xkYGVABCwBZ4wNrAAAAeNpjYGRgYGBl0GJgZgABJiDmAkIGhv9gPgMADTABSQB42mNgZGFgnMDAysDA1Ml0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDA7PGJ9xMjf8b2CIYW5gaAAKM4LkANt9C+UAAHjaY2GAABYIVmBgAAAA+gAtAAAAeNpjYGBgZoBgGQZGBhBwAfIYwXwWBg0gzQakGRmYnjE+4/z/n4EBQksxSf6GqgcCRjYGOIeRCUgwMaACRoZhDwCiLwmoAAAAAAAAAAAAAAAASgCAeNpdjkFKw0AARf/vkIR0BkPayWRKQZtYY90ohJju2kOIbtz0KD1HVm50UfEmWXoAr9ADOHFARHHzeY//Fx8Ci+FJfIgdJFa4AhgiMshbrCuIsLxhFJZVs+Vl1bT1GddtbXTC3OhohN4dg4BJ3zMJAnccyfm468ZzHXddrH9ZKbHzdf9n/vkY/xv9sPQXgGEvBrHHwst5kTbXLE+YpYVPkxepPmW94W16UbdNJd6f3SAzo5W7m1jaKd+8ZZIvk5nlKw9SK6Wle7BLS3f/bTzQLmfAF2T1NsQAeNp9kD1OAzEQhZ/zByQSQiCoXVEA2vyUKRMp9Ailo0g23pBo1155nUg5AS0VB6DlGByAGyDRcgpelkmTImvt6PObmeexAZzjGwr/3yXuhBWO8ShcwREy4Sr1F+Ea+V24jhY+hRvUf4SbuFUD4RYu1BsdVO2Eu5vSbcsKZxgIV3CKJ+Eq9ZVwjfwqXMcVPoQb1L+EmxjjV7iFa2WpDOFhMEFgnEFjig3jAjEcLJIyBtahOfRmEsxMTzd6ETubOBso71dilwMeaDnngCntPbdmvkon/mDLgdSYbh4FS7YpjS4idCgbXyyc1d2oc7D9nu22tNi/a4E1x+xRDWzU/D3bM9JIbAyvkJI18jK3pBJTj2hrrPG7ZynW814IiU68y/SIx5o0dTr3bmniwOLn8owcfbS5kj33qBw+Y1kIeb/dTsQgil2GP5PYcRkAAAB42mNgYoAALjDJyIAOWMGiTIxMjMxsKak5qSWpbFmZiRmJ+QAmgAUIAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMABAABAAQAAAACAAAAAHjaY2BgYGQAgqtL1DlA9M296nUwGgA+8QYgAAA=) format('woff');
  font-weight: normal;
  font-style: normal;
}


.tui-upload-icon {
  font-family: "tuiUpload" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 10rpx;
}

.tui-icon-delete:before {
  content: "\e601";
}

.tui-icon-plus:before {
  content: "\e609";
}

.tui-upload-box {
  width: 100%;
  display:flexbox;
  justify-content: flex-start;
  flex-wrap:wrap;
}

.tui-upload-add {
  width: 140rpx;
  height: 140rpx;
  display: flex;align-items: center;
  font-weight: 100;
  color: #888;
  background-color: #FFFFFF;
  border: 1px solid #888888;
  border-radius:16rpx;
  padding: 0;
  
  
}
.tui-upload-add .inner{width: 100%;}
.up-txt{
  color: #888888;text-align: center;font-size: 28rpx;
}
.up-tip{
  color: #888888;text-align: center;font-size:24rpx;
}
.camera-icon{font-size:52rpx;text-align: center;margin-bottom:6rpx;}

.tui-image-item {
  width:140rpx;
  height:140rpx;
  position: relative;
  margin-right:20rpx;
  margin-bottom: 20rpx;
}

.tui-image-item:nth-of-type(4n) {
  margin-right: 0;
}

.tui-item-img {
  width:140rpx;
  height:140rpx;
  display: block;
  margin-left:8rpx;
  margin-right: 8rpx;
}

.tui-img-del {
  width: 36rpx;
  height: 36rpx;
  position: absolute;
  right: -12rpx;
  top: -12rpx;
  background: #EB0909;
  border-radius: 50%;
  color: white;
  font-size: 34rpx;
  z-index: 999;
}

.tui-img-del::before {
  content: '';
  width: 16rpx;
  height: 1px;
  position: absolute;
  left: 10rpx;
  top: 18rpx;
  background: #fff;
}

.tui-upload-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 40rpx 0;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
}

.tui-upload-loading {
  width: 28rpx;
  height: 28rpx;
  border-radius: 50%;
  border: 2px solid;
  border-color: #B2B2B2 #B2B2B2 #B2B2B2 #fff;
  animation: tui-rotate 0.7s linear infinite;
}

@keyframes tui-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}


.tui-tips {
  font-size: 26rpx;
  color: #fff;
}

.tui-mask-btn {
  padding: 6rpx 16rpx;
  border-radius: 40rpx;
  text-align: center;
  font-size: 24rpx;
  color: #fff;
  border: 1rpx solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tui-hover {
  opacity: 0.5;
}